<?
include_once("includes/header.php");
$step = "";
if (isset($_GET["step"]))
    $step = $_GET["step"];

function isChecked($index)
{
    global $diagnostico;
    if (isset($diagnostico[$index]))
        return "checked='checked'";
    return '';
}

function GetSelected($query)
{
    $array;
    $result = mysql_query($query);
    if ($result)
    {
        for ($i = 0; $i < mysql_num_rows($result); $i++)
        {
            $ret[mysql_result($result, $i)] = true;
        }
        return $ret;
    }
    else
        return false;
}

$diagnostico = null;
$titulo = "Plantilla Descripci&oacute;n Microsc&oacute;pica";

include('menu.php');
$query = "select codigo from template_pap_desc_microscopica group by codigo order by codigo";
?>
<script type="text/javascript">
    $(function(){                
        $("form").validate({
            rules: { 
                codigo: "required"
            },
            messages: {
                codigo: "<br/>Ingrese el c&oacute;digo de la plantilla a guardar"
            }
        });
<? if (is_numeric($step))
{ ?>
            $("#stepNumber").val("<?= $step ?>");
<? } ?>
        $(".step").hide();
        $("#step"+$("#stepNumber").val()).show();       
        $(".stepButton").click(function(){
            $("#stepNumber").val($(this).val());
            $(".step").hide();
            $("#codigoDiv").appendTo("#step"+$("#stepNumber").val()+ " fieldset");
            $("#step"+$("#stepNumber").val()).show();
        });
        $("#formulario").load("cargaTemplateDescMicroscopica.php?codigo=" + $("#plantilla").val(), function(){
            $(".step").hide();
            $("#step"+$("#stepNumber").val()).show();                
        });
        $("#templateButton").click(function(){
            $("#formulario").load("cargaTemplateDescMicroscopica.php?codigo=" + $("#plantilla").val(), function(){
                $(".step").hide();
                $("#step"+$("#stepNumber").val()).show();
            });
        });
        $(".saveButton").live("click", function(event){
            $("#formTemplate").submit();
            event.preventDefault();
        });
        $("#formulario").ajaxStop(function(){
                    $("#step"+$("#stepNumber").val() + " fieldset").append('<div id="codigoDiv"><label>C&oacute;digo: </label><input type="text" name="codigo" id="codigo" value="' + $("#plantilla").val()+'" /><div>');
                    $(".step fieldset").append("<div class='save'><a href='#' class='saveButton'><img alt='guardar' title='Guardar' src='imagenes/guardar.png'/></a></div>");
        });
    });        
</script>
</head>
<body>
    <div class="pageContainer">
        <div id="steps">
            <button title="Evaluación de la muestra COLPO-CITOLÓGICA" class="stepButton" value="1" type="button">1</button>
            <button title="Agente Microbiológico identificable" class="stepButton" value="2" type="button">2</button>
            <button title="Descripción" class="stepButton" value="3" type="button">3</button>
        </div>
        <form id="formTemplate" action="guardaTemplateDescMicroscopica.php" method="post">
            <input type="hidden" name="stepNumber" id="stepNumber" value="1" />
            <? include 'includes/inputPlantilla.php' ?>
            <div id="formulario">
                <?
                include "papStep1.php";
                include "papStep2.php";
                include "papStep3.php";
                ?>
            </div>

        </form>
    </div>
</body>
</html>